// *******************************************************************************************************
// # container - export to common.scss
// *******************************************************************************************************

/* ------------------------------------
	* container
* ------------------------------------ */
div#containerWrapper {
	position: relative;
	margin-bottom: -$footerH;
	width: 100%;
	@include min-height(100%);
	background-color: $bgColorMain;
}

div#push {
	height: $footerH;
}

div#containerInner {
	padding-top: $headerH;
	width: $contentsWidth;
	margin: 0px auto;
}

div#container {
	padding-top: 1em;
	padding-bottom: 80px + 160;
	position: relative;
}

div#wrapper {
	padding: 0px $contentPadding;
}

/* 1カラム */
div#contentMain {
	width: 100%;
}

/* 2カラム */
div#contentMainColumn {
	float: right;
	width: 730px;
}

/* サブエリア */
div#contentSubColumn {
	padding: 0px $contentPadding;
	float: left;
	position: relative;
	left: -$contentPadding;
	width: 240px;
}

/* アペンドエリア */
div#appendContainerWrapper {
	border-top: 2px solid #d8dade;
	z-index: 10;
	position: absolute;
	bottom: 150px;
	width: 100%;
	height: 158px;
	background-color: #fff;
}

div#appendContainer {
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 64px;
	position: relative;
	width: $contentsWidth;
}

